<template>
  <div id="app">
    <router-view />
    <!-- <div class="box">
      <p>内容</p>
    </div> -->
  </div>
</template>

<script>
export default {
  name: 'App'
}
</script>
<style scoped lang='scss'>
.box {
  width: 300px;
  height: 300px;
  background-color: red;
  // &表示的是自己
  &:hover {
    background-color: pink;
  }
  p {
    color: blue;
  }
}
// .box:hover{
//   background-color: green;
// }
</style>
